<ul #listBox [ngStyle]="ulBoxCssStyle|styleFilter">
  <li class="clearfix" *ngFor="let item of listData" [ngStyle]="liBoxCssStyle|styleFilter">
    <div [ngStyle]="item?.itemBoxCssStyle|styleFilter">
      <ng-container *ngIf="item.imageUrl&&item.imageUrl.ifShow === true">
        <div class="avatar-box" style="float: left;" appDebounceClick (debounceClick)="clickLink(item.link)">
          <img class="box-img"
            src="{{item.imageUrl&&item.imageUrl.url&&item.imageUrl.url!=='null'?item.imageUrl.url:defaultImg}}?x-oss-process=image/resize,m_mfit,w_240"
            alt="" onerror="this.src='assets/img/head.png'">
        </div>
      </ng-container>
      <div class="text-box" appDebounceClick (debounceClick)="clickLink(item.link)" [ngStyle]="item?.textBoxCssStyle|styleFilter">
        <h2 class="name" [ngStyle]="item.box.firstText?.nameBoxCssStyle | styleFilter">
          <span [ngStyle]="item?.itemNameCssStyle|styleFilter">{{item.name}}</span>
          <span class="newTag" *ngIf="item.tag?.length > 0 " [ngStyle]="item.box.firstText?.tagCssStyle | styleFilter">
            {{item.tag}}
          </span>
        </h2>
        <div class="label flexBox" [ngStyle]="item?.labelFlexBoxCssStyle|styleFilter">
          <span [ngStyle]="item.box.firstText?.cssStyle|styleFilter">{{item.box.firstText.label}}</span>
          <div class="sep-line" [ngStyle]="item?.sepLineCssStyle|styleFilter"></div>
          <span style="color:#FF6314"
            [ngStyle]="item.box.secondText?.cssStyle|styleFilter">{{item.box.secondText.label}}</span>
          <span [ngStyle]="item.box.thirdText.cssStyle|styleFilter">{{item.box.thirdText.label}}</span>
        </div>
      </div>


      <a *ngIf="item.phone" appDebounceClick (debounceClick)="call(item.phone,item.name)" [ngStyle]="item?.phoneCssStyle|styleFilter">
        <img *ngIf="appTypeCustom==='LJ'" [ngStyle]="item?.callImgCssStyle|styleFilter" class="call-img"
          src="assets/icon/expert_icon_phone_laijian@3x.png">
        <img *ngIf="appTypeCustom==='PPW'" [ngStyle]="item?.callImgCssStyle|styleFilter" class="call-img"
          src="assets/icon/expert_icon_phone@3x.png">
      </a>
    </div>
    <div class="imgListBox" *ngIf="item.imageList" [ngStyle]="item?.imgListBoxCssStyle|styleFilter">
      <ng-container *ngFor="let imgItem of item.imageList;let index = index;">
        <img class="bottomImag" src="{{imgItem}}" onerror="this.src='assets/img/375x250@2x.png'"
          appDebounceClick (debounceClick)="openImage(index + 1, item.imageList)" [ngStyle]="item?.bottomImagCssStyle|styleFilter" />
      </ng-container>
    </div>
  </li>
</ul>
<ul [ngStyle]="noDataUlCssStyle|styleFilter">
  <div class="noDataButton" *ngIf="listData.length=== 0" [ngStyle]="noDataButtonCssStyle|styleFilter">没有数据</div>
</ul>
<ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>